$bg: #f5f5f5;
$boxshadow: #cfcfcf;
$title: #bc5815;
$border: 1rpx solid rgba(0, 0, 0, 0.1);

@mixin margins ($normal: 0rpx, $top: $normal, $right: $normal, $bottom: $normal, $left: $normal) {
	margin: $top $right $bottom $left;
}

// 水平剧中底部
@mixin flexCenterEnd {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

// 水平垂直居中
@mixin flexCenterCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

// 水平靠两端居中
@mixin flexBetweenCenter {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

// 水平靠两端底部对齐
@mixin flexBetweenEnd {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

// 垂直居中
@mixin flexCenter {
	display: flex;
	align-items: center;
}

// 水平居中
@mixin flexContentCenter {
	display: flex;
	justify-content: center;
}

// 竖直居中
@mixin flexColumnCenter {
	display: flex;
	flex-direction: column;
	align-items: center;
}

// 字体主色调
@mixin fontMainColor {
	color: #FF4A6A;
}

// 背景颜色
@mixin backgroundMainColor {
	background-color: #FF4A6A;
}

/* 文字换行溢出处理 */
@mixin textEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

// 文本超出多少行后显示三个点
@mixin transcendLine($rows: 3) {
	display: -webkit-box;
	-webkit-line-clamp: $rows;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@mixin bottomLine($color: #E5E5E5, $bottom: -25rpx) {
	position: absolute;
	width: 100%;
	height: 2rpx;
	background-color: $color;
	bottom: $bottom;
	left: 0rpx;
	content: "";
}

// 固定在底部
@mixin fixedBottom($bottom: 0rpx) {
	position: fixed;
	right: 0;
	left: 0;
	bottom: $bottom;
	z-index: 99;
}

// 圆角三角形
@mixin circularTriangle {
	content: "";
	width: 14rpx;
	height: 24rpx;
	background-color: #FFFFFF;
	position: absolute;
	top: 22rpx;
	clip-path: polygon(0 53%, 0 49%, 100% 0, 100% 100%, 3% 63%, 0 59%);
}

@mixin boxShadow {
	box-shadow: 0 12px 48px 16px rgb(0 0 0 / 3%), 0 9px 28px 0 rgb(0 0 0 / 5%),
		0 6px 16px -8px rgb(0 0 0 / 8%);
}

@mixin submit {
	width: 232px;
	height: 36px;
	background: #2163e0;
	border-radius: 4px;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
}